// 这个是是首页 jq
import $ from 'jquery'
$(function(){
   window.onload = ()=>{
      
   }
    $('.luanbox').children().eq(2).css({
        position: 'relative',
        top:'20px',
        opacity:0,
    })
    $('.luanbox').children().eq(2).animate({
        top:'0px',
        opacity:1,
     },2100)

    $('.luanbox').children().children().eq(0).css({
        position: 'relative',
        top:'20px',
        opacity:0,
    })
    $('.luanbox').children().children().eq(1).css({
        position: 'relative',
        top:'20px',
        opacity:0,
    })
     $('.luanbox').children().children().eq(0).animate({
        top:'0px',
        opacity:1,
     },1000)
     $('.luanbox').children().children().eq(1).animate({
        top:'0px',
        opacity:1,
     },1200)
     
     

     $('.luanbox').children().children().eq(2).css({
        position: 'relative',
        top:'20px',
        opacity:0,
    })
    $('.luanbox').children().children().eq(3).css({
        position: 'relative',
        top:'20px',
        opacity:0,
    })
     $('.luanbox').children().children().eq(2).animate({
        top:'0px',
        opacity:1,
     },1400)
     $('.luanbox').children().children().eq(3).animate({
        top:'0px',
        opacity:1,
     },1600)
   
     

     $('.luanbox').children().children().eq(4).css({
        position: 'relative',
        top:'20px',
        opacity:0,
    })
    $('.luanbox').children().children().eq(5).css({
        position: 'relative',
        top:'20px',
        opacity:0,
    })
     $('.luanbox').children().children().eq(4).animate({
        top:'0px',
        opacity:1,
     },1800)
     $('.luanbox').children().children().eq(5).animate({
        top:'0px',
        opacity:1,
     },2000)

     
    $('.luanbox').children().children().eq(7).css({
        position: 'relative',
        top:'20px',
        opacity:0,
    })
     $('.luanbox').children().children().eq(7).animate({
        top:'0px',
        opacity:1,
     },2200)

     $('.luanbox').children().children().eq(6).css({
      position: 'relative',
      top:'20px',
      opacity:0,
  })
   $('.luanbox').children().children().eq(6).animate({
      top:'0px',
      opacity:1,
   },2800)

   $('.luanbox').children().children().eq(9).css({
      position: 'relative',
      top:'20px',
      opacity:0,
  })
   $('.luanbox').children().children().eq(9).animate({
      top:'0px',
      opacity:1,
   },3000)

    


   //nav动画
   $('.listnavitem .xs').hide()
   console.log($('.listnavitem').children());
   $('.listnavitem').hover(function () {
         // over
         $(this).css({
            color:'#B29B6B'
         })
         $(this).children().eq(1).stop().slideDown(200)
         $(this).children().eq(3).show()
        console.log();
      }, function () {
         // out
         $(this).css({
            color:''
         })
         $(this).children().eq(1).stop().slideUp(200)
         $(this).children().eq(3).hide()
      }
   );
   
})
